<!-- @format -->

<template>
    <div>
        <a-collapse :default-active-key="['1']">
            <a-collapse-item :header="customTranslate('General')" key="1">
                <BasicAttr :element="element"></BasicAttr>
            </a-collapse-item>
            <a-collapse-item :header="customTranslate('Documentation')" key="5">
                <Documentation :element="element"></Documentation>
            </a-collapse-item>
            <a-collapse-item :header="customTranslate('User Assignment')" key="2">
                <UserAssign :element="element"></UserAssign>
            </a-collapse-item>
            <a-collapse-item :header="customTranslate('Task Listeners')" key="3">
                <TaskListener :element="element"></TaskListener>
            </a-collapse-item>
            <a-collapse-item :header="customTranslate('Execution Listeners')" key="6">
                <ExcutedListener :element="element"></ExcutedListener>
            </a-collapse-item>
            <a-collapse-item :header="customTranslate('Asynchronous Continuations')" key="4">
                <AsynchronousContinuations :element="element"></AsynchronousContinuations>
            </a-collapse-item>
        </a-collapse>
    </div>
</template>

<script>
import { inject } from "vue";
import ExcutedListener from '../attrs/ExcutedListener.vue'
import TaskListener from '../attrs/TaskListener.vue'
import UserAssign from '../attrs/UserAssignment.vue'
import BasicAttr from '../attrs/General.vue'
import AsynchronousContinuations from '../attrs/AsynchronousContinuations.vue'
import Documentation from '../attrs/Documentation.vue'
import customTranslate from "../../translate/customTranslate"

export default {
    name: 'UserTaskPanel',
    props: ["element"],
    components: { ExcutedListener, TaskListener, UserAssign, BasicAttr, AsynchronousContinuations, Documentation },
    data() {
        return {
        };
    },
    setup() {
        const bpmnModeler = inject("bpmnModeler");
        return {
            bpmnModeler,
            customTranslate
        };
    },
};
</script>
